<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>后台首页</title>
    <!-- 引入 layui.css -->
    <link href="../static/layui/css/layui.css" rel="stylesheet">
    <!--引入jquery.js -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
    <!-- 引入 layui.js -->
    <script src="../static/layui/js/layui.js"></script>

</head>
<body>
<div class="layui-layout layui-layout-admin">

    <div class="layui-header layui-anim layui-anim-down">
        <div class="layui-logo layui-hide-xs layui-bg-black">Blog后台管理</div>
        <!-- 头部区域（可配合layui 已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <!-- 移动端显示 -->
            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                <i class="layui-icon layui-icon-spread-left"></i>
            </li>
<!--            <li class="layui-nav-item layui-hide-xs"><a href="">选项1</a></li>-->
<!--            <li class="layui-nav-item layui-hide-xs"><a href="">选项2</a></li>-->
<!--            <li class="layui-nav-item layui-hide-xs"><a href="">选项3</a></li>-->
<!--            <li class="layui-nav-item">-->
<!--                <a href="javascript:;">工具栏</a>-->
<!--                <dl class="layui-nav-child">-->
<!--                    <dd><a href="">工具1</a></dd>-->
<!--                    <dd><a href="">工具2</a></dd>-->
<!--                    <dd><a href="">工具3</a></dd>-->
<!--                </dl>-->
<!--            </li>-->
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:;">
                    <img class="layui-nav-img" src="../static/image/827f8a0a8178ab17f694e01243dd2ec.jpg">
                    倾心Yatoli
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">个人信息</a></dd>
                    <dd><a href="">设置</a></dd>
                    <dd><a href="">注销</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                <a href="javascript:;">
                    <i class="layui-icon layui-icon-more-vertical"></i>
                </a>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black layui-anim layui-anim-up">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a href="javascript:;">系统管理</a>
                    <dl class="layui-nav-child">
                        <dd><a class="layui-this" href="./function/list.html" href="javascript:;">功能列表</a></dd>
                        <dd><a href="./article/list.html" href="javascript:;">文章管理</a></dd>
                        <dd><a href="article_required/list.html" href="javascript:;">类型管理</a></dd>
                        <dd><a href="./user/list.html" href="javascript:;">用户管理</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">文章管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="./article/list.html" href="javascript:;">文章列表</a></dd>
                        <dd><a href="./article/add.html" href="javascript:;">发布文章</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">类型管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="article_required/list.html" href="javascript:;">类型列表</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">用户管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="./user/list.html" href="javascript:;">用户列表</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body layui-anim layui-anim-up">
        <!-- 内容主体区域 -->
        <div class="" style="">
            <img style="width:1200px; margin-top:100px; margin-left: 150px" src="../static/image/心机兔与奈亚.png" alt="">
        </div>
    </div>
</div>
</body>

</html>